// import * as React from 'react';
import * as React from 'react';
import { useState } from 'react';
import { Modal, Button } from 'antd';
import { ExclamationCircleOutlined } from '@ant-design/icons';

const Model = () => {
    //  函数组件hook
    const [visible, setVisible] = useState(false);
    return (
        <>
      <Button type="primary" onClick={() => setVisible(true)}>
        入库完成确认
      </Button>
      <Modal
        title="入库完成确认"
        centered
        visible={visible}
        onOk={() => setVisible(false)}
        onCancel={() => setVisible(false)}
        width={500}

        // title= 'Confirm'
        // icon ={<ExclamationCircleOutlined />}
        // content = 'Bla bla ...'
        okText= '确认'
        cancelText= '取消'
        
      >
        <h2>入库确认完成？</h2>
        
      </Modal>
    </>
    );
}

export default Model;
